<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{width:377px;height:280px;position:relative;overflow: hidden;}
			.shadow{width:377px;height:280px;background:rgba(0,0,0,0.6);position: absolute;left:0;top:0;opacity: 0;transition:1s;}
			div .a{position:absolute;left:-80px;top:100px;transition:1s;}
			div .b{position: absolute;right:-37px;top:121px;transition:1s;}
			div h2{width:377px;color: dodgerblue;position: absolute;top:-50px;height: 50px;transition:1s;text-align: center;}
			div:hover .shadow{opacity: 1;}
			div:hover .a{left:149px;}
			div:hover .b{right:170px;}
			div:hover h2{top:25px;}
		</style>
	</head>
	<body>
		<div>
			<img src="img/box_img2.png"/>
			<h2>商业资讯洽谈</h2>
			<div class="shadow"></div>
			<img src="img/l_o.png" class="a"/>
			<img src="img/r_f.png" class="b"/>
		</div>
	</body>
</html>
